<template>
    <div class="content-wrapper-scroll">
        <div class="content-wrapper">
            <div class="hero-header" style="padding: 5rem 0 5rem 0; background-color: #000;">
                <div class="container-fluid">
                    <div class="row justify-content-center">
                        <div class="col-xxl-10">
                            <div class="text-center">
                                <br>
                                <h1 class="text-white mb-3">企业搜索</h1>
                                <div class="input-group w-50 m-auto" style="position: relative;">
                                    <div class="search-box">
                                        <input type="text" class="form-control form-control-lg" id="search-data"
                                            placeholder="请输入企业名称" style="height: 50px;width: 660px;">
                                        <div class="search-btn">
                                            <button @click="search">搜索</button>
                                        </div>
                                    </div>
                                    <ul class="list-group mb-5" id="companyNameList"></ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="hero-body" style="margin: 0;">
                <div class="row justify-content-center">
                    <div class="col-xxl-10">
                        <div class="card mb-3">
                            <div class="card-body p-5">
                                <div class="card-header">
                                    <div class="header-box"
                                        style="display: flex;align-items: center;justify-content: space-between;">
                                        <div id="companyNameTitle" style="font-size: 50px;font-weight: 600;"></div>
                                        <!-- 按钮查看 -->
                                        <div class="btn-box" style="height: 38px;">
                                            <!-- 按钮 -->
                                            <button id="hoard" type="button" class="btn " data-bs-toggle="tooltip"
                                                data-bs-placement="top"
                                                style="background-color:#158c7f; color: #fff;padding: 8px 45px;"
                                                data-bs-custom-class="custom-tooltip-green" data-bs-title="收藏企业">
                                                收藏
                                            </button>
                                            <button type="button" class="btn" data-bs-toggle="tooltip"
                                                style="background-color:#7e8c9e; color: #fff;margin-left: 10px;padding: 8px 45px;"
                                                data-bs-placement="top" data-bs-title="Tooltip on top">
                                                查看
                                            </button>
                                        </div>
                                    </div>
                                    <!-- 标签 -->
                                    <ul id="competencyNameList" class="small-title"
                                        style="list-style: none; display: flex; margin: 10px 0;">
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                    </ul>
                                </div>
                                <div class="card-body">
                                    <div class="accordion" id="accordionPanelsStayOpenExample">
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="panelsStayOpen-headingOne">
                                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true"
                                                    aria-controls="panelsStayOpen-collapseOne">
                                                    <div class="d-flex align-items-center">
                                                        <img src="@/assets/images/companyList/basicblue.png"
                                                            alt="Admin Dashboards" style="width: 35px;height: 35px;">
                                                        <div class="ms-3">
                                                            <h4>基本信息</h4>
                                                        </div>
                                                    </div>
                                                </button>
                                            </h2>
                                            <div id="panelsStayOpen-collapseOne"
                                                class="accordion-collapse collapse show"
                                                aria-labelledby="panelsStayOpen-headingOne">
                                                <div class="table-responsive">
                                                    <table class="table table-bordered m-0 search" style="border: #c5c5c5;">
                                                        <tbody class="information">
                                                            <tr>
                                                                <td class="spical">法定代表人
                                                                </td>
                                                                <td id="legalPersonName"
                                                                    style="background-color: #eaf2ff;">
                                                                </td>
                                                                <td class="spical">成立时间</td>
                                                                <td id="estiblishTime"
                                                                    style="background-color: #eaf2ff;">
                                                                </td>
                                                                <td class="spical">组织机构代码
                                                                </td>
                                                                <td id="creditCode" style="background-color: #eaf2ff;">
                                                                </td>
                                                                <td class="spical">国标行业门类
                                                                </td>
                                                                <td id="category" style="background-color: #eaf2ff;">
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="spical">注册资本</td>
                                                                <td id="regCapital" style="background-color: #eaf2ff;">
                                                                </td>
                                                                <td class="spical">实缴资本</td>
                                                                <td id="actualCapital"
                                                                    style="background-color: #eaf2ff;">
                                                                </td>
                                                                <td class="spical">企业规模</td>
                                                                <td colspan="3" style="background-color: #eaf2ff;">
                                                                    <span id="scales" class="badge"
                                                                        style="font-size: 12px;padding: 3px 6px; background-color:#245fae;  outline: 1px solid #245fae;outline-offset: 3px; "></span>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="spical">企业类型</td>
                                                                <td id="companyOrgType"
                                                                    style="background-color: #eaf2ff;">
                                                                </td>
                                                                <td class="spical">登记状态</td>
                                                                <td id="regStatus" style="background-color: #eaf2ff;">
                                                                </td>
                                                                <td class="spical">网址</td>
                                                                <td colspan="3" id="websiteList"
                                                                    style="background-color: #eaf2ff;"></td>
                                                            </tr>
                                                            <tr>
                                                                <td class="spical">注册地址</td>
                                                                <td colspan="7" id="regLocation"
                                                                    style="background-color: #eaf2ff;"></td>
                                                            </tr>
                                                            <tr>
                                                                <td class="spical">联系电话</td>
                                                                <td colspan="7" id="phoneNumber"
                                                                    style="background-color: #eaf2ff;"></td>
                                                            </tr>
                                                            <tr>
                                                                <td class="spical">邮箱</td>
                                                                <td colspan="7" id="email"
                                                                    style="background-color: #eaf2ff;"></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="panelsStayOpen-headingTwo">
                                                <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="false"
                                                    aria-controls="panelsStayOpen-collapseTwo">
                                                    <div class="d-flex align-items-center">
                                                        <img src="@/assets/images/companyList/shareholderInformation.png"
                                                            alt="Admin Dashboards" style="width: 35px;height: 35px;">
                                                        <div class="ms-3">
                                                            <h4>股东信息</h4>
                                                        </div>
                                                    </div>

                                                </button>
                                            </h2>
                                            <div id="panelsStayOpen-collapseTwo"
                                                class="accordion-collapse collapse show"
                                                aria-labelledby="panelsStayOpen-headingTwo">
                                                <div id="shareholderTable">
                                                    <table>
                                                        <thead class="table-header">
                                                            <tr>
                                                                <th>企业名称</th>
                                                                <th>持股比例</th>
                                                                <th>认缴资金</th>
                                                                <th>实缴出资</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="table-body">
                                                            <tr>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="panelsStayOpen-headingFour">
                                                <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#panelsStayOpen-collapseFour" aria-expanded="false"
                                                    aria-controls="panelsStayOpen-collapseFour">
                                                    <div class="d-flex align-items-center">
                                                        <img src="@/assets/images/companyList/enterprisequalification.png"
                                                            alt="Admin Dashboards" style="width: 35px;height: 35px;">
                                                        <div class="ms-3">
                                                            <h4>企业资质</h4>
                                                        </div>
                                                    </div>

                                                </button>
                                            </h2>
                                            <div id="panelsStayOpen-collapseFour"
                                                class="accordion-collapse collapse show"
                                                aria-labelledby="panelsStayOpen-headingFour">
                                                <div id="companyAptitudeTable">
                                                    <table>
                                                        <thead class="table-header">
                                                            <tr>
                                                                <th>企业资质</th>
                                                                <th>级别</th>
                                                                <th>发布单位</th>
                                                                <th>获得年份</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="table-body">
                                                            <tr>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="panelsStayOpen-headingThree">
                                                <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false"
                                                    aria-controls="panelsStayOpen-collapseThree">
                                                    <div class="d-flex align-items-center">
                                                        <img src="@/assets/images/companyList/corporateChanges.png"
                                                            alt="Admin Dashboards" style="width: 35px;height: 35px;">
                                                        <div class="ms-3">
                                                            <h4>企业变更信息</h4>
                                                        </div>
                                                    </div>

                                                </button>
                                            </h2>
                                            <div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse"
                                                aria-labelledby="panelsStayOpen-headingThree">
                                                <div id="companyChangeTable">
                                                    <table>
                                                        <thead class="table-header">
                                                            <tr>
                                                                <th>变更时间</th>
                                                                <th>变更前</th>
                                                                <th>变更后</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="table-body">
                                                            <tr>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="panelsStayOpen-headingFive">
                                                <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#panelsStayOpen-collapseFive" aria-expanded="false"
                                                    aria-controls="panelsStayOpen-collapseFive">
                                                    <div class="d-flex align-items-center">
                                                        <img src="@/assets/images/companyList/Record.png"
                                                            alt="Admin Dashboards" style="width: 35px;height: 35px;">
                                                        <div class="ms-3">
                                                            <h4>备案许可</h4>
                                                        </div>
                                                    </div>

                                                </button>
                                            </h2>
                                            <div id="panelsStayOpen-collapseFive" class="accordion-collapse collapse"
                                                aria-labelledby="panelsStayOpen-headingFive">
                                                <div id="companyRecordTable">
                                                    <table>
                                                        <thead class="table-header">
                                                            <tr>
                                                                <th>许可名称</th>
                                                                <th>许可号</th>
                                                                <th>有效时间</th>
                                                                <th>发布机构</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="table-body">
                                                            <tr>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="panelsStayOpen-headingSix">
                                                <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#panelsStayOpen-collapseSix" aria-expanded="false"
                                                    aria-controls="panelsStayOpen-collapseSix">
                                                    <div class="d-flex align-items-center">
                                                        <img src="@/assets/images/companyList/softwareWorks.png"
                                                            alt="Admin Dashboards" style="width: 35px;height: 35px;">
                                                        <div class="ms-3">
                                                            <h4>软件著作权</h4>
                                                        </div>
                                                    </div>

                                                </button>
                                            </h2>
                                            <div id="panelsStayOpen-collapseSix" class="accordion-collapse collapse"
                                                aria-labelledby="panelsStayOpen-headingSix">
                                                <div id="companyCopyrightTable">
                                                    <table>
                                                        <thead class="table-header">
                                                            <tr>
                                                                <th>软件名称</th>
                                                                <th>软件简称</th>
                                                                <th>版本号</th>
                                                                <th>著作权人</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="table-body">
                                                            <tr>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="panelsStayOpen-headingSeven">
                                                <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#panelsStayOpen-collapseSeven" aria-expanded="false"
                                                    aria-controls="panelsStayOpen-collapseSeven">
                                                    <div class="d-flex align-items-center">
                                                        <img src="@/assets/images/companyList/Works.png"
                                                            alt="Admin Dashboards" style="width: 35px;height: 35px;">
                                                        <div class="ms-3">
                                                            <h4>作品著作权</h4>
                                                        </div>
                                                    </div>

                                                </button>
                                            </h2>
                                            <div id="panelsStayOpen-collapseSeven" class="accordion-collapse collapse"
                                                aria-labelledby="panelsStayOpen-headingSeven">
                                                <div id="companyWorkrightTable">
                                                    <table>
                                                        <thead class="table-header">
                                                            <tr>
                                                                <th>作品名称</th>
                                                                <th>登记号</th>
                                                                <th>登记日期</th>
                                                                <th>作品分类</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="table-body">
                                                            <tr>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="panelsStayOpen-headingEight">
                                                <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#panelsStayOpen-collapseEight" aria-expanded="false"
                                                    aria-controls="panelsStayOpen-collapseEight">
                                                    <div class="d-flex align-items-center">
                                                        <img src="@/assets/images/companyList/customerAnalytics.png"
                                                            alt="Admin Dashboards" style="width: 35px;height: 35px;">
                                                        <div class="ms-3">
                                                            <h4>客户分析</h4>
                                                        </div>
                                                    </div>

                                                </button>
                                            </h2>
                                            <div id="panelsStayOpen-collapseEight" class="accordion-collapse collapse"
                                                aria-labelledby="panelsStayOpen-headingEight">
                                                <div id="customerAnalysisTable">
                                                    <table>
                                                        <thead class="table-header">
                                                            <tr>
                                                                <th width="40%">企业名称</th>
                                                                <th>销售金额</th>
                                                                <th>销售占比</th>
                                                                <th>销售来源</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="table-body">
                                                            <tr>

                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="panelsStayOpen-headingNine">
                                                <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#panelsStayOpen- collapseNine" aria-expanded="false"
                                                    aria-controls="panelsStayOpen-collapseNine">
                                                    <div class="d-flex align-items-center">
                                                        <img src="@/assets/images/companyList/productAnalysis.png"
                                                            alt="Admin Dashboards" style="width: 35px;height: 35px;">
                                                        <div class="ms-3">
                                                            <h4>产品分析</h4>
                                                        </div>
                                                    </div>

                                                </button>
                                            </h2>
                                            <div id="panelsStayOpen-collapseNine" class="accordion-collapse collapse"
                                                aria-labelledby="panelsStayOpen-headingNine">
                                                <div id="productTable">
                                                    <table>
                                                        <thead class="table-header">
                                                            <tr>
                                                                <th>产品名称</th>
                                                                <th>融资轮次</th>
                                                                <th>产品标签</th>
                                                                <th>所属地</th>
                                                                <th>产品介绍</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="table-body">
                                                            <tr>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="panelsStayOpen-headingTen">
                                                <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#panelsStayOpen-collapseTen" aria-expanded="false"
                                                    aria-controls="panelsStayOpen-collapseTen">
                                                    <div class="d-flex align-items-center">
                                                        <img src="@/assets/images/companyList/Competitoranalysis.png"
                                                            alt="Admin Dashboards" style="width: 35px;height: 35px;">
                                                        <div class="ms-3">
                                                            <h4>竞品分析</h4>
                                                        </div>
                                                    </div>

                                                </button>
                                            </h2>
                                            <div id="panelsStayOpen-collapseTen" class="accordion-collapse collapse"
                                                aria-labelledby="panelsStayOpen-headingTen">
                                                <div id="competitorTable">
                                                    <table>
                                                        <thead class="table-header">
                                                            <tr>
                                                                <th>产品名称</th>
                                                                <th>融资轮次</th>
                                                                <th>产品标签</th>
                                                                <th>所属的</th>
                                                                <th>产品介绍</th>
                                                                <th>所属公司</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="table-body">
                                                            <tr>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="panelsStayOpen-headingEleven">
                                                <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#panelsStayOpen-collapseEleven"
                                                    aria-expanded="false" aria-controls="panelsStayOpen-collapseEleven">
                                                    <div class="d-flex align-items-center">
                                                        <img src="@/assets/images/companyList/financing.png"
                                                            alt="Admin Dashboards" style="width: 35px;height: 35px;">
                                                        <div class="ms-3">
                                                            <h4>融资分析</h4>
                                                        </div>
                                                    </div>

                                                </button>
                                            </h2>
                                            <div id="panelsStayOpen-collapseEleven" class="accordion-collapse collapse"
                                                aria-labelledby="panelsStayOpen-headingEleven">
                                                <div id="financingTable">
                                                    <table>
                                                        <thead class="table-header">
                                                            <tr>
                                                                <th>融资时间</th>
                                                                <th>融资轮次</th>
                                                                <th>融资金额</th>
                                                                <th>占股比例</th>
                                                                <th>投资方</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="table-body">
                                                            <tr>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="panelsStayOpen-headingTwelve">
                                                <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#panelsStayOpen-collapseTwelve"
                                                    aria-expanded="false" aria-controls="panelsStayOpen-collapseTwelve">
                                                    <div class="d-flex align-items-center">
                                                        <img src="@/assets/images/companyList/investment.png"
                                                            alt="Admin Dashboards" style="width: 35px;height: 35px;">
                                                        <div class="ms-3">
                                                            <h4>投资分析</h4>
                                                        </div>
                                                    </div>

                                                </button>
                                            </h2>
                                            <div id="panelsStayOpen-collapseTwelve" class="accordion-collapse collapse"
                                                aria-labelledby="panelsStayOpen-headingTwelve">
                                                <div id="customerInvestTable">
                                                    <table>
                                                        <thead class="table-header">
                                                            <tr>
                                                                <th>被投企业名称</th>
                                                                <th>法定代表人</th>
                                                                <th>成立日期</th>
                                                                <th>投资占比</th>
                                                                <th>认缴金额</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="table-body">
                                                            <tr>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="panelsStayOpen-headingThirteen">
                                                <button class="accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#panelsStayOpen-collapseThirteen"
                                                    aria-expanded="false"
                                                    aria-controls="panelsStayOpen-collapseThirteen">
                                                    <div class="d-flex align-items-center">
                                                        <img src="@/assets/images/companyList/Outboundinvestment.png"
                                                            alt="Admin Dashboards" style="width: 35px;height: 35px;">
                                                        <div class="ms-3">
                                                            <h4>对外投资情况</h4>
                                                        </div>
                                                    </div>

                                                </button>
                                            </h2>
                                            <div id="panelsStayOpen-collapseThirteen"
                                                class="accordion-collapse collapse"
                                                aria-labelledby="panelsStayOpen-headingThirteen">
                                                <div id="investInfoTable">
                                                    <table>
                                                        <thead class="table-header">
                                                            <tr>
                                                                <th>企业名称</th>
                                                                <th>成立时间</th>
                                                                <th>注册所属地区</th>
                                                                <th>持股比例</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody class="table-body">
                                                            <tr>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                                <td></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>


        <!-- Row end -->

        <!-- Row start -->

        <!-- Row end -->

    </div>
</template>

<script>
import "@/views/enterprise/js/bootstrap.bundle.min.js";
export default {
    data() {
        return {
            imagePath: "./img/bg.png"
        }
    },
    mounted() {

    },
    methods: {
        search() {

        }
    }


}





</script>

<style scoped lang="scss">
@import "@/views/personalCenter/FengtaiPark/css/index.css";

.basic-information,
.scope-business,
.shareholding-structure,
.key-personnel,
.outbound-investment,
.intellectual-property,
.risk-information,
.additional-information {
    margin: 10px 0;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: inherit;
    border-style: solid;
}

table>thead.table-header {
    background-color: #e2e2e2;
}

table>thead.table-header>tr>th {
    background-color: #337ce9;
    color: #fff;
    padding: 10px;
}

table>tbody.table-body>tr>td {
    padding: 10px;

}
table>tbody>tr{
    line-height: 32px;
}
table>tbody>tr>td.spical {
    background-color: #337ce9;
    color: #fff;
}

.btn {
    font-size: 14px;
}

.ms-3>h4 {
    margin: 0;
}

.search-box {
    display: flex;
    position: relative;
}
.table-bordered{
    border-width: 1px;
}
.search-btn {
    button {
        position: absolute;
        right: -25px;
        width: 112px;
        height: 50px;
        color: #fff;
        font-size: 18px;
        letter-spacing: 2px;
        background: linear-gradient(90deg, #0162c8, #55e7fc);
        border: none;
        border-radius: 40px;
        z-index: 22;
    }

}

</style>